// function $(element, findAll = false) {
//     if (findAll) {
//         return document.querySelectorAll(element);
//     }
//     else {
//         return document.querySelector(element);
//     }
// }

let ship = $('#ship')[0];  // 小船
// 菜单导航栏
let menu = $('#menu-bar')[0];
let menu_list = $('#menu ul.nav li a');  

let inside_menu = $('#inside-menu  .inside-right ul');  // 二级菜单

// 控制小船移动

function ctrl_ship(idx) {
    if (window.innerWidth <= 1600) {
        ship.style.left = `${119.5 * idx + 280 - 10}px`;
    } else {
        let vw = window.innerWidth;
        ship.style.left = `${210 + (((vw * 0.6 - 280) * 0.166 / 2) * (2 * idx + 1))}px`;
    }
}

for (let i=0; i<menu_list.length; i++){
    menu_list[i].addEventListener('mouseover', ctrl_ship.bind(this,i))
    inside_menu[i].addEventListener('mouseover', ctrl_ship.bind(this,i))
}




// 为每个二级菜单ul和对应的一级菜单加上序号
for (let i=0; i<menu_list.length; i++){
    menu_list[i].index = i;
    inside_menu[i].index = i;

    // 选中相应的一级菜单或二级菜单时，active样式同步
    inside_menu[i].addEventListener('mouseover', function(){
        menu_list[i].classList.add('active')
    })
    inside_menu[i].addEventListener('mouseout', function(){
        menu_list[i].classList.remove('active')
    })

    menu_list[i].addEventListener('mouseover', function(){
        inside_menu[i].classList.add('ul-on')
    })
    menu_list[i].addEventListener('mouseout', function(){
        inside_menu[i].classList.remove('ul-on')
    })
}

